<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="../css/indexsame.css" />
  </head>
  <body>
    <div id="index">
      <div class="header">
        <div class="logo">
          <img src="../images/index/logo.png" alt="" />
        </div>
        <div class="nav">
          <ul class="first-page">
            <li><a href="#firpage" onclick="show()">首页</a></li>
            <li><a href="#dog" onclick="show()">狗子</a></li>
            <li><a href="#cat" onclick="show()">猫咪</a></li>
            <li><a href="#mouse" onclick="show()">仓鼠</a></li>
            <li><a href="#rabbit" onclick="show()">兔子</a></li>
            <li><a href="#fish" onclick="show()">鱼</a></li>
            <li><a href="#bird" onclick="show()">鸟</a></li>
          </ul>
          <ul class="log-reg">
            <li><a href="shopping.html">商城</a></li>
            <li>
              <a href="login.html" target="_blank" rel="noopener noreferrer"
                >登录</a
              >
            </li>
            <li>
              <a href="register.html" target="_blank" rel="noopener noreferrer"
                >注册</a
              >
            </li>
          </ul>
        </div>
      </div>
      <div class="main">
        <iframe src="index.html" frameborder="0" id="firpage"></iframe>
        <iframe src="dog.html" frameborder="0" id="dog"></iframe>
        <iframe src="cat.html" frameborder="0" id="cat"></iframe>
        <iframe src="mouse.html" frameborder="0" id="mouse"></iframe>
        <iframe src="rabbit.html" frameborder="0" id="rabbit"></iframe>
        <iframe src="fish.html" frameborder="0" id="fish"></iframe>
        <iframe src="bird.html" frameborder="0" id="bird"></iframe>
      </div>
      <div class="footer">
        <table>
          <tr>
            <th>关于我们</th>
            <th>联系我们</th>
            <th>关于宠物</th>
          </tr>
          <tr>
            <td>公司简介</td>
            <td>客服电话</td>
            <td>宠物种类</td>
          </tr>
          <tr>
            <td>公司地址</td>
            <td>邮箱</td>
            <td>宠物用品</td>
          </tr>
        </table>
      </div>
    </div>

    <!-- <script>
      let as = document.querySelectorAll('.first-page a');
      let fs =document.querySelectorAll('.main iframe');
      console.log(fs)
    </script> -->
  </body>
</html>
